<!-- index.html -->
<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <title>商品详情</title>
    <link rel="stylesheet" href="product-detail.css" />
  </head>
  <body>
    <div class="page-container">
      <div class="modal-header fixed-header">
        <button id="closeBtn"  class="back-btn" onclick="goTo('details.html')">
          <svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor">
            <path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
          </svg>
        </button>
        <span>商品详情</span>
      </div>

      <div class="scrollable-content">
        <div class="product-image"></div>
        <div class="product-info">
          <div class="price-probability">
            <div class="price">
              <strong>¥1599.00</strong>
              <span class="label">参考价</span>
            </div>
            <div class="probability">概率1.59%</div>
          </div>
          <div class="product-name">
            <span class="tag epic">史诗</span>
            Air Jordan 6 Rings出租车
          </div>
          <div class="guarantee"></div>
          <div class="section-title">商品详情</div>
          <div class="details-img-list">
            <img src="./721258e7c69710ac949ce3b5187d254b.png" alt="详情1" />
            <img src="./e671fb1d-3e9f-4930-a91c-0fe544a476dd.png" alt="详情2" />
            <img src="./67490298-12dc-49c1-bece-eec57779696b.png" alt="详情3" />
          </div>
        </div>
      </div>
    </div>

    <script src="product-detail.js"></script>
  </body>
</html>
